'use strict';
import React,{Component} from 'react';
import {
	Text,
	View,
    StyleSheet
} from 'react-native';


class Suggestion extends Component{
  constructor(props){
    super(props);
  }
  render(){
    return(
        <View style={SuggestionStyle.container}>
          <Text style={SuggestionStyle.suggestionTitle}>
            生活建议
          </Text>
          <View style={SuggestionStyle.suggestionContainer}>
            {/*<Text style={SuggestionStyle.content}>*/}
              {/*空气条件:{this.props.suggestion.air.txt} */}
            {/*</Text>*/}
            <Text style={SuggestionStyle.content}>
              舒适度:{this.props.suggestion.comf.txt}
            </Text>
            <Text style={SuggestionStyle.content}>
              洗车指数:{this.props.suggestion.drsg.txt}
            </Text>
            <Text style={SuggestionStyle.content}>
              穿衣建议:{this.props.suggestion.flu.txt}
            </Text>
            <Text style={SuggestionStyle.content}>
              运动建议:{this.props.suggestion.sport.txt}
            </Text>
            <Text style={SuggestionStyle.content}>
              出行建议:{this.props.suggestion.trav.txt}
            </Text>
            <Text style={SuggestionStyle.content}>
              防晒建议:{this.props.suggestion.uv.txt}
            </Text>
          </View>
        </View>
    );
  }
}

const SuggestionStyle = StyleSheet.create({
    container: {
        marginTop: 20,
        backgroundColor: '#aa78d1dd',
        marginBottom: 20,
    },
    suggestionContainer: {
        flexDirection: 'column',

    },
    suggestionTitle: {
        marginTop: 10,
        textAlign: 'left',
        paddingLeft: 16,
        fontSize: 20,
        color: '#fff',
    },
    content: {
        marginTop: 10,
        marginBottom: 10,
        textAlign: 'left',
        paddingLeft: 16,
        paddingRight: 16,
        fontSize: 16,
        color: '#fff',
    },

});
module.exports = Suggestion;
